<template>
	<view class="no-data-model">
		<template v-if="type=='default'">
			<image class="nodata-img" src="/static/notFound.png" mode="widthFix"></image>
			<view class="nodata-text" :style="{color:mycolor}">{{title||'暂无数据'}}</view>
		</template>
		<template v-if="type=='game'">
			<image style="width: 400rpx;" src="/static/new_img/game/empty state@2x.png" mode="widthFix"></image>
			<view class="nodata-text" :style="{color:mycolor}">{{title}}</view>
		</template>
		
	</view>
</template>

<script>
	export default {
		name:'NoData',
		props: {
			type:{
				type:String,
				default:'default'
			},
			mycolor: {
				type: String,
				default: '#6D6D6D'
			},
			title: {
				type: String,
				default: ''
			}
		}
	}
</script>

<style lang="scss" scoped>
	.no-data-model {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 100rpx;
		.nodata-img {
			width: 200rpx;
			height: 400rpx;
		}

		.nodata-text {
			color: #6D6D6D;
			font-size: 28rpx;
		}
	}
</style>
